<template>
  <div class="titleStyle">
      <!-- 居中标题公用组件 -->
      <div class="title">
          <!-- 图片加标题 -->
          <img src="@/assets/image/employment/titleStyleleft.png" alt="">
          <p>残疾人</p>
          <img src="@/assets/image/employment/titleStyleright.png" alt="">
      </div>
      <!-- 描述 -->
      <p class="describe">为残疾人提供<span>300+</span>岗位</p>
  </div>
</template>

<script>
export default {
    props:['title','describe'],
}
</script>

<style scoped lang="less">
    .titleStyle{
        width: 100%;
        .title{
            width: 612px;
            height: 33px;
            margin: 0 auto;
            color: #333333;
            font-size: 24px;
            line-height: 33px;
            display: flex;
            align-items: center;
            p{
                width: 120px;
                text-align: center;
                margin: 0 5px;
                font-size: 24px;
                font-weight: bold;
                color: #333333;
            }
        }
        .describe{
            text-align: center;
            margin-top: 4px;
            font-size: 15px;
            color: #333333;
            line-height: 21px;
            span{
                color: #FB6D00;
                font-weight: bold;
            }
        }
    }
</style>